<template>
  <div style="margin-top:15px;width=100%;">
    <h2 style="margin:0px;">数据统计</h2>
    <heat-calendar></heat-calendar>
    <staristic-month-card></staristic-month-card>
    <p>{{apiTest}}</p>
  </div>
</template>
<script>
import { mapState } from 'vuex'
import HeatCalendar from '@/views/Statistic/HeatCalendar'
import StaristicMonthCard from '@/views/Statistic/StaristicMonthCard'

export default {

  name: 'statistic-view',
  components: {
    HeatCalendar,
    StaristicMonthCard
  },
  computed: mapState({
    diaryData: state => state.diaryList
  }),
  data () {
    return {
      apiTest: ''
    }
  },
  methods: {
  },
  mounted () {
    this.$nextTick(function () {
    })
  }
}
</script>